<template>
    <div class="playlist">
        <HomeHeader></HomeHeader>
        <div class="wrapper clearfix">
            <MainnerLeft></MainnerLeft>
            <MainnerRight></MainnerRight>
        </div>
    </div>
</template>

<script>
    import MainnerLeft from './MainnerLeft'
    import HomeHeader from '@/components/HomeHeader'
    import MainnerRight from './MainnerRight'
    export default {
        name: "playlist",
        components:{ MainnerLeft,HomeHeader,MainnerRight },
    }
</script>

<style lang="less" scoped>
    .playlist{
        position: relative;
        .header{
            width: 100%;
            height: 5px;
            background-color: #C20C0C;
            position: absolute;
            z-index: 90;
        }
        .wrapper{
            width: 982px;
            margin: 0 auto;
            min-height: 700px;
            border:1px solid #d3d3d3;
            background-color: #fff;
        }
    }
</style>